<template>
  <router-view></router-view>
</template>

<script>
import { onMounted } from 'vue'
import { createWebSocket } from '@/utils/websocket'

export default {
  name: 'App',
  setup() {
    onMounted(() => {
      // 检查用户是否已登录
      const token = localStorage.getItem('token')
      const userId = localStorage.getItem('userId')
      
      console.log('App组件挂载，检查登录状态：', { token: !!token, userId })
      
      // 如果已登录且有用户ID，则建立WebSocket连接
      if (token && userId) {
        console.log('用户已登录，尝试建立WebSocket连接')
        createWebSocket(userId)
      } else {
        console.log('用户未登录，不建立WebSocket连接')
      }
    })
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none; /* 禁止文本选择 */
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 只允许输入框可选中文本 */
input, textarea {
  user-select: text;
}
</style>
